@import url("common.css");
.swiper-wrap{background-color:#2e2e2e; position:relative;}
.swiper-wrap .swiper-container{text-align:center;}
.swiper-wrap .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; border-radius:12px; border:1px solid #fff; opacity:.8; background-color:transparent; transition:all 0.3s;}
.swiper-wrap .swiper-pagination-bullet-active{width:24px; height:12px; background-color:#fff;}

.banner-login-box{width:1200px; position:absolute; top:0; left:50%; margin-left:-600px; z-index:999;}
.banner-login-box .login-item{width:100%; height:auto; position:relative;}
.banner-login-box .login-item .banner-login{width:300px; height:270px; position:absolute; top:140px; right:30px; background:rgba(0,0,0,.4); z-index:999; padding:30px;}
.banner-login .banner-login-bd,
.banner-login .login-form-group{width:100%;}
.banner-login .login-form-group .input{width:100%; height:34px; border:1px solid #ccc; background:#fff; outline:none; padding:0 12px;}
.banner-login .login-form-group .btn-orange{border-radius:0;}
.banner-login .login-form-group a{color:#fff;}
.banner-login .login-form-group a:hover{color:#da2e22;}

/**
 * 首页交易区
 **/
.home-markets ul{display: block; overflow: hidden; clear: both;}
.home-markets li{float:left; width:120px; height:42px; line-height:42px; text-align:center; margin-right:5px; text-transform:capitalize; cursor:pointer;}
.home-markets li.active{color:#da2e22;}

.checkbox-box{margin-top:15px; width:165px; height:20px; line-height:20px; position:relative;}
.checkbox-box span{position:absolute; top:-3px; right:10px; z-index:1; text-transform:capitalize; font-size:16px;}
/**
 * 开关
 **/
 .switch{width:56px; height:14px; position:relative; border:1px solid #ddd; background-color:#fff; box-shadow:#dfdfdf 0 0 0 0 inset; border-radius:20px; background-clip:content-box; display:inline-block; outline:none; -webkit-appearance:none; appearance:none; -webkit-user-select:none; ser-select:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-transition:all 0.2s linear; transition:all 0.2s linear;}
 .switch:before{width:24px; height:24px; position:absolute; top:-7px; left:0; border-radius:100%; background-color:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); content:''; -webkit-transition:left 0.2s; transition:left 0.2s;}
 .switch:checked{border-color:#ddd; box-shadow:#f0f0f0 0 0 0 5px inset; background-color:#f0f0f0; transition:border ease 0.2s, box-shadow ease 0.2s, background-color ease 0.6s;}
 .switch:checked:before{left:32px;}
 .switch-red:checked{border-color:#e51c23; box-shadow:#e51c23 0 0 0 .52rem inset; background-color:#e51c23;}

/*.checkbox input[type="checkbox"]{width:42px; height:42px; font-size:12px; background-color:transparent; border:1px solid #ddd; -webkit-border-radius:100%; border-radius:100%; position:relative; display:inline-block; vertical-align:middle; -webkit-appearance:none; -webkit-user-select:none; user-select:none; -webkit-transition:background-color ease 0.1s; transition:background-color ease 0.1s; outline:none;}
.checkbox input[type="checkbox"]{border-radius:20px;}
.checkbox input[type="checkbox"]:checked{background-color:#03a9f4; border:1px solid #03a9f4; text-align:center; background-clip:padding-box;}
.checkbox input[type="checkbox"]:checked:before,
.checkbox input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:disabled:before,
.checkbox input[type="checkbox"]:disabled:after{content:''; width:22px; height:12px; position:absolute; top:9px; left:5px; background:transparent; border:1px solid #fff; border-top:none; border-right:none; z-index:2; -webkit-border-radius:0; border-radius:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
*/


.home-item-box{margin:40px auto;}
.table.border{border:1px solid #f2f2f2;}
.table.border thead{background-color:#fbfaf8;}
.table thead tr th{font-size:16px;}
.table tbody tr td{font-size:14px;}
.coin-name img{width:30px; height:30px; display:inline-block;}
.coin-name font{height:30px; line-height:30px; font-size:15px; font-family: Arial, Helvetica, sans-serif; display:inline-block; font-weight:bold; margin-left:5px;}
.new-price span{font-weight:200;}
.new-price em{font-weight:normal; color:#999;}
.num24hvol i{text-decoration:none; height:30px; line-height:30px; white-space:nowrap;}

.table thead tr{line-height:42px;}
.table tbody .btn-trade{border-radius:5px; padding:5px 8px;}
.btn-box .btn-trade i{width:14px; height:14px; font-size:12px; margin-left:5px;}
.btn-box .btn-trade i:before{vertical-align:middle;}

.table-sort{width:10px; height:20px; cursor:pointer!important; display:inline-block; position:relative; top:4px;}
.icon-edge{display:inline-block; width:0; height:0; border-width:6px; border-style:dashed; border-color:transparent; overflow:hidden;}
.table-sort .icon-edge{position:absolute; left:5px; border-width:5px;}
.table-sort .table-sort-asc{top:4px; border-top:none; border-bottom-style:solid; border-bottom-color:#b2b2b2;}
.table-sort .table-sort-desc{bottom:4px; border-bottom:none; border-top-style:solid; border-top-color:#b2b2b2;}
.table-sort[sort=asc] .table-sort-asc{border-bottom-color:#da2e22;}
.table-sort[sort=desc] .table-sort-desc{border-top-color:#da2e22;}

.table.table-align thead tr th:nth-child(2), .table.table-align thead tr th:nth-child(3), .table.table-align thead tr th:nth-child(4), .table.table-align thead tr th:nth-child(5),
.table.table-align tbody tr td:nth-child(2), .table.table-align tbody tr td:nth-child(3), .table.table-align tbody tr td:nth-child(4), .table.table-align tbody tr td:nth-child(5){text-align:right;}

.table.table-align thead tr th:nth-child(6), .table.table-align thead tr th:nth-child(7),
.table.table-align tbody tr td:nth-child(6), .table.table-align tbody tr td:nth-child(7){text-align:center;}
/**
 * 首页3日曲线图
 **/
.flot-chart{width:160px; height:30px;}
.flot-chart.center-block{display:block; margin-right:auto; margin-left:auto;}